<!-- 下载 -->
<template>
	<view class="hdtybox" :class="hdc">
		<topboxVue :tit="$t('hd.bt15')"></topboxVue>
		<view class="dbox">
			<view class="bj_center">
				<image src="/static/logo.png" class="dbox-pic" mode=""></image>
			</view>
			<view class="dbox-btn bj_center" @click="todown">
				<image src="/static/gc/d1.png"></image>
				<text>DOWNLOAD</text>
			</view>
			<view class="f30 fwb mb20">
				{{$t('d.tit1')}}
			</view>
			<view class="c9c f22 mb10" v-for="i in 4">
				{{$t('d.txt' + i)}}
			</view>
		</view>
		<bottomVue></bottomVue>
	</view>
</template>

<script setup>
	import {
		ref,
		inject,
		provide
	} from 'vue';
	import {
		onShow
	} from "@dcloudio/uni-app"
	import topboxVue from '../common/topbox.vue';
	import useI18n from '@/store/useI18n.js'
	import bottomVue from "../common/bottom-slotsbr.vue";
	import common from '../../js/common';
	const {
		t
	} = useI18n()
	provide("repage", repage);
	// 父级关闭活动的方法
	const clhd = inject("clhd");
	let hdc = ref("hdpagein")

	onShow(function() {

	})

	function todown() {
		location.href = getApp().globalData.config2.download_url
	}


	function repage() {
		hdc.value = "hdpageout";
		clhd();
	}
</script>

<style scoped lang="scss">
	.dbox {
		padding: 80rpx 24rpx 60rpx;

		&-pic {
			width: 356rpx;
			height: 356rpx;
			margin-bottom: 100rpx;
		}

		&-btn {
			width: 700rpx;
			height: 88rpx;
			background: linear-gradient( 180deg, #00802B 0%, #06C045 100%);
			border-radius: 12rpx;
			margin-bottom: 100rpx;

			image {
				width: 40rpx;
				height: 40rpx;
				margin-right: 10rpx;
			}
		}
	}
</style>